/* 配置对话框样式 */

/* 标题样式 */
.config-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
}

/* 区域标题样式 */
.section-title {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: #2196F3;
    -fx-border-color: #E0E0E0;
    -fx-border-width: 0 0 1 0;
    -fx-padding: 0 0 5 0;
}

/* 配置区域样式 */
.config-section {
    -fx-background-color: #FAFAFA;
    -fx-border-color: #E0E0E0;
    -fx-border-width: 1;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
}

/* 输入框样式 */
.text-field {
    -fx-background-color: white;
    -fx-border-color: #CCCCCC;
    -fx-border-width: 1;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
    -fx-padding: 5 8 5 8;
}

.text-field:focused {
    -fx-border-color: #2196F3;
    -fx-border-width: 2;
    -fx-effect: dropshadow(three-pass-box, rgba(33, 150, 243, 0.3), 5, 0, 0, 0);
}

/* 下拉框样式 */
.combo-box {
    -fx-background-color: white;
    -fx-border-color: #CCCCCC;
    -fx-border-width: 1;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
}

.combo-box:focused {
    -fx-border-color: #2196F3;
    -fx-border-width: 2;
}

/* 复选框样式 */
.check-box {
    -fx-font-size: 12px;
}

.check-box .box {
    -fx-background-color: white;
    -fx-border-color: #CCCCCC;
    -fx-border-width: 1;
    -fx-border-radius: 2;
    -fx-background-radius: 2;
}

.check-box:selected .box {
    -fx-background-color: #2196F3;
    -fx-border-color: #2196F3;
}

.check-box:selected .mark {
    -fx-background-color: white;
}

/* 按钮区域样式 */
.button-bar {
    -fx-background-color: #F5F5F5;
    -fx-border-color: #E0E0E0;
    -fx-border-width: 1 0 0 0;
}

/* 主要按钮样式 */
.primary-button {
    -fx-background-color: #2196F3;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-cursor: hand;
}

.primary-button:hover {
    -fx-background-color: #1976D2;
}

.primary-button:pressed {
    -fx-background-color: #0D47A1;
}

.primary-button:disabled {
    -fx-background-color: #CCCCCC;
    -fx-text-fill: #999999;
    -fx-cursor: default;
}

/* 次要按钮样式 */
.secondary-button {
    -fx-background-color: white;
    -fx-text-fill: #333333;
    -fx-border-color: #CCCCCC;
    -fx-border-width: 1;
    -fx-border-radius: 4;
    -fx-background-radius: 4;
    -fx-cursor: hand;
}

.secondary-button:hover {
    -fx-background-color: #F5F5F5;
    -fx-border-color: #999999;
}

.secondary-button:pressed {
    -fx-background-color: #E0E0E0;
}

/* 验证图标样式 */
.valid-icon {
    -fx-text-fill: #4CAF50;
    -fx-font-weight: bold;
    -fx-font-size: 14px;
}

/* 错误标签样式 */
.error-label {
    -fx-text-fill: #F44336;
    -fx-font-size: 11px;
    -fx-padding: 2 0 0 0;
}

/* 预览区域样式 */
.preview-header {
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
    -fx-font-size: 12px;
}

.preview-text {
    -fx-text-fill: #666666;
    -fx-font-size: 11px;
    -fx-font-family: "Consolas", "Monaco", monospace;
    -fx-padding: 2 0 0 10;
}

/* 标签样式 */
.label {
    -fx-text-fill: #333333;
    -fx-font-size: 12px;
}

/* 滚动面板样式 */
.scroll-pane {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.scroll-pane > .viewport {
    -fx-background-color: transparent;
}

.scroll-pane > .scroll-bar:vertical {
    -fx-background-color: transparent;
}

.scroll-pane > .scroll-bar:vertical > .track {
    -fx-background-color: #F0F0F0;
    -fx-border-color: transparent;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
}

.scroll-pane > .scroll-bar:vertical > .thumb {
    -fx-background-color: #C0C0C0;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
}

.scroll-pane > .scroll-bar:vertical > .thumb:hover {
    -fx-background-color: #A0A0A0;
}

.scroll-pane > .scroll-bar:vertical > .thumb:pressed {
    -fx-background-color: #808080;
}

/* 响应式布局 */
.config-dialog {
    -fx-min-width: 600px;
    -fx-min-height: 500px;
    -fx-pref-width: 650px;
    -fx-pref-height: 550px;
}
